.dataStatistics{
  height: 100%;
  overflow: hidden;
  >.data_title{
    background: white;
    border-radius: 2px;
    height: 232px;
    display: flex;
    overflow: hidden;
    margin-bottom: 20px;
    >.data_title_left{
      width: 70%;
      >.title_top{
        padding: 29px 0px 20px 29px;
        font-size: 18px;
        color: #30383e;
        font-weight: bold;
      }
      >.title_box{
        display: flex;
        >.boxStyle{
          margin-left: 40px;
          width: 250px;
          height: 130px;
          border-radius: 2px;
          display: flex;
          flex-flow: column;
          align-items: center;
          color: white;
          >.totalNumStyle{
            font-size: 34px;
            margin-top: 19px;
          }
          >.totalFont{
            font-size: 16px;
          }
        }
        >.bg0{
          background: url('../image/box1.png');
          background-size: cover;
        }
        >.bg1{
          background: url('../image/box2.png');
          background-size: cover;
        }
        >.bg2{
          background: url('../image/box3.png');
          background-size: cover;
        }
        >.bg3{
          background: url('../image/box4.png');
          background-size: cover;
        }
      }
    }
    >.data_title_right{
      width: 30%;
    }
  }
  >.data_content{
    display: flex;
    overflow: hidden;
    height: calc(100% - 252px);
    >.data_left{
      min-width: 840px;
      min-height: 540px;
      width: 66%;
      border-radius: 2px;
      background: white;
      margin-right: 20px;
      >.data_left_top{
        // border: 1px solid #000;
        height: calc(100% - 250px);
        overflow: hidden;
        >.data_left_top_box{
          padding-left: 30px;
          min-width: 740px;
          >.data_left_top_title{
            color: #30383e;
            font-size: 18px;
            font-weight: bold;
            margin: 10px 0px;
          }
          >.data_left_top_biaoge{
            display: flex;
            align-items: center;
            font-size: 12px;
            color: #30383e;
            >.clearData{
              width: 70%!important;
              min-width: 170px;
              span{
                display: inline-block;
                width: 8px;
                height: 8px;
                background: #f88e16;
                margin-right: 10px;
                margin-left: 30px;
              }
            }
            >.choseChange{
              display: flex;
              min-width: 530px;
              width: 30%!important;
              margin-right: 30px;
              color: #9ba2ab;
              justify-content: flex-end;
              align-items: center;
              font-size: 14px;
              >.riqiChose{
                cursor: pointer;
                height: 30px;
                margin-left: 20px;
                line-height: 30px;
                padding: 0px 8px;
                border-radius: 2px;
              }
              >.riqiActive{
                color: #5286ff;
                border: 1px solid #5286ff;
              }
            }
          }
        }
        >.table_Style_table{
          height: calc(100% - 79px);
          // border: 1px solid #000;
          overflow: hidden;
          display: flex;
        }
      }
      >.data_left_bottom{
        height: calc(100% - 300px);
        width: 100%;
        display: flex;
        >.data_left_bottom_left{
          width: 49%;
          min-width: 424px;
        }
        >.data_left_bottom_right{
          width: 49%;
          min-width: 424px;
        }
      }
    }
    >.data_right{
      overflow: hidden;
      border-radius: 2px;
      width: 582px;
      background: white;
      >.right_title{
        font-size: 18px;
        font-weight: bold;
        color: #30383e;
        padding: 15px 0px 0px 15px;
      }
      >.right_box{
        display: flex;
      }
      >.right_one{
        width: 100%;
        >.tu1{
          width: 50%;
          min-width: 210px;
        }
        >.right_total{
          width: 50%;
          padding-left: 20px;
          >.rightStyle{
            font-size: 14ox;
            color: #9ba2ab;
            >.numStyle{
              font-size: 33px;
              color: #30383e;
            }
          }
          >.rightStyleOne{
            margin-bottom: 10px;
          }
        }
      }
      >.right_two{
        margin-left: 20px;
        padding-bottom: 10px;
        >.right_two_box{
          font-size: 14px;
          color: #9ba2ab;
          >.numOne{
            width: 240px;
            height: 32px;
            line-height: 32px;
            background: #5286ff;
            color: white;
            text-align: right;
            font-size: 20px;
            padding-right: 10px;
            font-weight: bold;
            margin-bottom: 4px;
            margin-top: 9px;
          }
          >.numTwo{
            margin-bottom: 7px;
            width: 156px;
            height: 32px;
            line-height: 32px;
            background: #f9ab22;
            color: white;
            font-size: 20px;
            text-align: right;
            padding-right: 10px;
            font-weight: bold;
          }
          >.zhanbi{
            font-size: 14px;
            color: #30383e;
            span{
              font-size: 24px;
              color: #5286ff;
            }
          }
        }
        >.right_two_margin{
          margin-right: 22px;
        }
      }
      >.right_box_bottom{
        height: calc(100% - 378px);
      }
    }
  }
}


#left_Top_Chart {
  >div {
      height: 100% !important;
      width: 100% !important;

      canvas {
          height: 100% !important;
          width: 100% !important;
      }
  }
}